<html>
   <head>
      <title>Memory</title>
      <link rel="stylesheet" type="text/css" href="memory/css/memory.css" media="screen" />
      <link rel="stylesheet" type="text/css" href="utils/colorpicker/css/colorpicker.css" media="screen"/>

      <script type="text/javascript" src="memory/js/imageSet.js"></script>
      <script type="text/javascript" src="memory/js/imageSets.js"></script>
      <script type="text/javascript" src="memory/js/config.js"></script>

      <script type="text/javascript" src="utils/colorpicker/js/colorpicker.js"></script>
      <script type="text/javascript" src="utils/colorpicker/js/colorpickeractivator.js"></script>

      <script type="text/javascript">
         function initMemoryList()
         {
            var memoryListDiv = document.getElementById("memoryList")
            var memoryHtml = '<ul class="memoryList">';
            for (var imageSetIndex=0; imageSetIndex<allImagesSet.length; imageSetIndex++)
            {
               var imageSet = allImagesSet[imageSetIndex];
               memoryHtml += '<li><span><img class="memoryListIcon" src="memory/';
               memoryHtml += imageSet.cardBackImage;
               memoryHtml += '" alt="jessy-et-wesLee" /></span>';
               memoryHtml += '<span class="memoryListText" ><a href="memory/memory_map.html?imageSet=';
               memoryHtml += imageSet.name;
               memoryHtml += '">';
               memoryHtml += imageSet.title;
               memoryHtml += '</a></span></li>';
            }
            memoryHtml += '</ul>';
            memoryListDiv.innerHTML = memoryHtml;

         }


      </script>
   </head>

   <body id="body" onload="initMemoryList()" >
   <div id="memoryList"onclick="activateCP(this)" class="memoryListDiv" >
      Geen memory sets available.
   </div>

   <div id="plugin" class="plugin" onmousedown="HSVslide('drag','plugin',event)" style="TOP: 140px; LEFT: 430px; Z-INDEX: 20auto; display:none">
      <div id="plugHEX" class="plugHex" onmousedown="stop=0; setTimeout('stop=1',100);">F1FFCC</div>
      <div id="plugCLOSE" class="plugCLOSE" onmousedown="toggle('plugin')">X</div>
      <br>

      <div id="SV" class="SV" onmousedown="HSVslide('SVslide','plugin',event)" title="Saturation + Value">
         <div id="SVslide" class="SVslide" style="TOP: -4px; LEFT: -4px;"><br/></div>
      </div>
      <form action="#" id="H" class="H" onmousedown="HSVslide('Hslide','plugin',event)" title="Hue">
         <div id="Hslide" class="Hslide" style="TOP: -7px; LEFT: -8px;"><br/></div>
         <div id="Hmodel" class="Hmodel"></div>
      </form>
   </div>

   <script type="text/javascript">

      loadSV();
      updateH('F1FFCC');

   </script>

   </body>
</html>